@CHARSET "UTF-8";
/* Reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0; }
table { border-collapse:collapse; border-spacing:0; }
fieldset,img { border:0; }
address,caption,cite,code,dfn,em,strong,th,var { font-style:normal; font-weight:normal; }
ol,ul { list-style:none; }
caption,th { text-align:left; }
h1,h2,h3,h4,h5,h6 { font-weight:normal; }
abbr,acronym { border:0; }
.np{margin-top:5px;}
body{padding:20px;font:12px/150%  "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;background:url("images/bg.png");}

h1{font:60px Georgia,Utopia,'Palatino Linotype',Palatino,serif}
a:link, a:visited{text-decoration:none;color:#1f79b9;}
a:hover, a:active{text-decoration:underline;}
.clear{clear:both;font-size:0;overflow:hidden;}
#mainWrapper{margin:0 auto;background:#fff;padding:10px;max-width:1000px;min-width:300px;
-moz-box-shadow:0px 0px 6px rgba(0,0,0,.5);
-webkit-box-shadow:0px 0px 6px rgba(0,0,0,.5);
-moz-border-radius:6px;
-webkit-border-radius:6px;}
#actorAvatar{border:1px solid #000;width:40px;height:40px;}
#activityContent{font:14px/150% Verdana;padding:5px;padding-right:20px;height:80px;width:100%;}
.convertToBlock .tb-c{display:block;max-width:600px;}
#activityContentLabel{}

#activitiesList li.activityWrapper{padding:5px 5px 0 5px;border-bottom:1px solid #ccc;}
#activitiesList li.activityWrapper .avatar{float:left;border:1px solid #e1e1e1}
#activitiesList li.activityWrapper .actorAvatarWrapper{float:left;}
#activitiesList li.activityWrapper .contentWrapper .actorName{font-weight:normal;}
#activitiesList li.activityWrapper .contentWrapper{margin-left:50px;}

.commentsList{margin-left:50px;}
.commentsList li{padding:2px 0 2px 0;}
.commentsList .comment-actor-name{float:left;text-align:right;}
.commentsList .comment-content{margin-left:40px;}
.commentsList .avatarLink{float:left;}
.commentsList .avatarLink img{border:1px solid #ddd}
#activitiesList li.activityWrapper .contentWrapper .activity-date, 
#activitiesList li.activityWrapper .contentWrapper .activity-source,
.commentsList .comment-date{font-size:10px;color:#999;margin-left:5px;}

.comment-reply-item{display:none;}
.comment-reply-item .comment-area{;width:100%;
-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;
-moz-box-shadow:0 0 6px rgba(14,112,181,.5);
-webkit-box-shadow:0 0 6px rgba(14,112,181,.5);
box-shadow:0 0 6px rgba(14,112,181,.5);
padding:5px;height:50px;border:1px solid #0e70b5;font-size:14px;}
.comment-reply-item .comment-btn{margin-right:5px;}

.commentReplytWrapper{position:relative;padding-left:40px;visibility:hidden;top:-5px;cursor:pointer;}
.commentReplytWrapper-show{visibility:visible;}
.comment-btn{background:url("") no-repeat scroll 0 0 transparent;
width:17px;height:18px;float:left;display:block;}
.comment-btn-right{margin-left:20px;border:2px solid #288acf;padding:1px;
-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px;position:relative;top:5px;
margin-right:30px;display:block;}
.like-btn{margin-left:20px;border:2px solid #288acf;padding:1px;-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px;position:relative;top:5px;
margin-right:30px;display:block;}
.unlike-btn{background-color:yellow;margin-left:20px;border:2px solid #288acf;padding:1px;-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px;position:relative;top:5px;
margin-right:30px;display:block;}

.activityCommentShortCut{margin-left:50px;}
.commentHidden{display:none;}
a.readAllComment{text-decoration:underline;}

.photoList{margin-top:5px;}
.photoList li.photoItem{display:inline;padding:3px;}

.borderRedius{-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;}
.likearea{padding:2px 0 2px 0;float:left;border:1px solid #e1e1e1}

